<!-- Created by henian.xu on 2017/3/25. -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../static/sass/swiper.min.css">
  <!--[if lt IE 10]>
  <link rel="stylesheet" href="../static/sass/idangerous.swiper.css">
  <![endif]-->
  <link rel="stylesheet" href="../static/sass/z-app.css">
  <title>首页</title>
  <style>
    body {
      background: #fff url("../static/images/home/bg.jpg") top center no-repeat;
    }

    .page-group {
      margin-top: 130px;
    }

    .z-container {
      width: 1010px;
      padding: 5px;
    }
  </style>
</head>
<body>
<div class="page-group">
  <div class="page">
    <!--页头-->
    <div class="z-header">
      <div class="z-container bc-w">
        <div class="z-banner">
          <a href="index.html" class="logo fn-left"><img src="../static/images/logo.jpg" alt=""></a>
          <div class="fn-right ta-r" style="margin-top: 26px;">
            <!--用户信息-->
            <ul class="user-info z-list z-list-style-none z-list-horizontal">
              <li><i class="icon icon-user"></i>andy王</li>
              <li><a href="register.html">退出登录</a></li>
            </ul>
            <!--公告-->
            <div class="notice ta-l">
              <div class="fn-left">
                <i class="icon-horn" style="margin:0"></i>
                <div style=" width: 54px; height: 20px; background-color: #00c4ff; float: left;">
                  <a style=" margin: -5px 3px; display: block; color: white; height: 20px;" href="/qztv/About/index.html">本台公告</a>
                </div>
                <i class="icon-horn" style="margin:0"></i>
              </div>
              <div class="inner">
                <ul class="z-list z-list-style-none">
                  <li><a href="#">这是一条公告这是一条公告这是一条公告这是一条公告</a></li>
                  <li><a href="#">这是一条公告2</a></li>
                  <li><a href="#">这是一条公告3</a></li>
                  <li><a href="#">这是一条公告4</a></li>
                  <li><a href="#">这是一条公告5</a></li>
                  <li><a href="#">这是一条公告6</a></li>
                  <li><a href="#">这是一条公告7</a></li>
                </ul>
              </div>
            </div>
          </div>

        </div>
      </div>
      <!--bannerAD-->
      <div class="z-container bc-w">
        <div id="bannerAD" class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="bannerAd-wrap">
                <a href="#" class="ad-left"><img src="../static/images/ad/left.jpg" alt=""></a>
                <a href="#" class="ad-center"><img src="../static/images/ad/center.jpg" alt=""></a>
                <a href="#" class="ad-right"><img src="../static/images/ad/right.jpg" alt=""></a>
              </div>
            </div>
            <div class="swiper-slide">
              <a href="#" class="bannerAd-wrap"><img src="../static/images/ad/center.jpg" alt=""></a>
            </div>
          </div>
        </div>
      </div>

    </div>
    <!--主要区域-->
    <div class="z-content npa-t">
      <!--slider-->
      <div class="slider-wrap" style="height: auto;">
        <!--<div class="bg"><img src="../static/images/ad/ad-bg.jpg" alt=""></div>-->
        <div class="slider z-container bc-w" style="border-bottom: 30px solid #fff;">
          <div class="right">
            <a href="#" class="item">
              <div class="title">
                <img src="../static/images/slider/slider-title-01.png" alt="">
              </div>
              <div class="thumbnail">
                <img src="../static/images/slider/slider-thumbnail-01.jpg" alt="">
              </div>
            </a>
            <a href="#" class="item">
              <div class="title">
                <img src="../static/images/slider/slider-title-02.png" alt="">
              </div>
              <div class="thumbnail">
                <img src="../static/images/slider/slider-thumbnail-02.jpg" alt="">
              </div>
            </a>
            <a href="#" class="item">
              <div class="title">
                <img src="../static/images/slider/slider-title-03.png" alt="">
              </div>
              <div class="thumbnail">
                <img src="../static/images/slider/slider-thumbnail-03.jpg" alt="">
              </div>
            </a>

          </div>
          <div class="content">

            <div id="slider" class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="#"><img src="../static/images/slider/slider-01.jpg" alt=""></a>
                  <a href="#" class="desc">
                    <i class="icon icon-video"></i>
                    泉州图书馆效果图公布1
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="#"><img src="../static/images/slider/slider-02.jpg" alt=""></a>
                  <a href="#" class="desc">
                    <i class="icon icon-video"></i>
                    泉州图书馆效果图公布2
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="#"><img src="../static/images/slider/slider-03.jpg" alt=""></a>
                  <a href="#" class="desc">
                    <i class="icon icon-video"></i>
                    泉州图书馆效果图公布3
                  </a>
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>

          </div>
        </div>
      </div>

      <div class="z-container fn-clear bc-w">
        <div class="main-left" style="width: 220px; margin-right: 30px;">
          <div class="z-panel">
            <div class="z-panel-header">
              <div class="z-panel-ctrl">
                <a href="#">直播</a>
                <a href="#">回放</a>
              </div>
              <div class="z-panel-title"><i class="icon icon-TV"></i>电视</div>
            </div>
            <div class="z-panel-body">
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-ctrl"><a href="#">更多></a></div>
                  <div class="z-card-title">新闻综合频道（1套）</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-01.jpg" alt="" width="218" height="90"></a>
                </div>
              </div>
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-ctrl"><a href="#">更多></a></div>
                  <div class="z-card-title">新闻综合频道（4套）</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-02.jpg" alt="" width="218" height="90"></a>
                </div>
              </div>
            </div>
          </div>
          <div class="z-panel" style="margin-top: 48px;">
            <div class="z-panel-header">
              <div class="z-panel-ctrl">
                <a href="#">直播</a>
                <a href="#">回放</a>
              </div>
              <div class="z-panel-title"><i class="icon icon-TV"></i>广播</div>
            </div>
            <div class="z-panel-body">
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-title">FM88.9 新闻广播</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-03.jpg" alt="" width="218" height="75"></a>
                </div>
              </div>
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-title">FM90.4 交通之声</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-04.jpg" alt="" width="218" height="75"></a>
                </div>
              </div>
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-title">FM92.3 车载生活圈</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-05.jpg" alt="" width="218" height="75"></a>
                </div>
              </div>
              <div class="z-card">
                <div class="z-card-header">
                  <div class="z-card-title">FM105.9 车载生活圈</div>
                </div>
                <div class="z-card-body">
                  <a href="#" class="img-obj"><img src="../static/images/home/crad-06.jpg" alt="" width="218" height="75"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="main-content" style="width: 520px;margin-right: 30px;">

          <div class="z-tabs home">
            <div class="z-tabs-nav">
              <div class="fn-right">
                <a href="#" class="">更多></a>
              </div>
              <div class="z-tabs-tab-container">
                <span class="z-tabs-tab-prev z-icon z-icon-angle-left"></span>
                <span class="z-tabs-tab-next z-icon z-icon-angle-right"></span>
                <div class="z-tabs-tab-wrap">
                  <div class="z-tabs-tab-offset">
                    <div class="z-tabs-tab npa-l z-active"><i class="icon icon-new"></i>泉新闻</div>
                    <div class="z-tabs-tab">今热点</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="z-tabs-content">
              <div class="z-tabs-pane z-active" style="height: 635px">
                <ul class="new-list-home">
                  <li class="item1">
                    <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-02.jpg" alt="" width="168" height="90"></a>
                    <div class="desc">
                      <a href="#" class="title">今秋起 福建省8所民办本科高校收费有变化</a>
                      <div class="sub"><i class="icon icon-video-samll"></i><a href="#">无线泉州</a>&nbsp;&nbsp;&nbsp;&nbsp;1小时前</div>
                    </div>
                  </li>
                  <li class="item1">
                    <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-02.jpg" alt="" width="168" height="90"></a>
                    <div class="desc">
                      <a href="#" class="title">【快讯】陈奕辉参加泉州市石狮市和解放军启动预防台风三级应急响应</a>
                      <div class="sub"><i class="icon icon-img"></i><a href="#">无线泉州</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                    </div>
                  </li>
                  <li class="item2">
                    <div class="desc">
                      <div class="title">
                        <div class="sub"><i class="icon icon-video-samll"></i><a href="#">无线泉州</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                        <a href="#">【快讯】陈奕辉参加泉州市石狮市和解放军启动预防台风三级应急响应</a>
                      </div>
                    </div>
                    <div class="img-wrap">
                      <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-01.jpg" alt="" width="168" height="80"></a>
                      <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-01.jpg" alt="" width="168" height="80"></a>
                      <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-01.jpg" alt="" width="168" height="80"></a>
                    </div>
                  </li>
                  <li class="item1">
                    <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-02.jpg" alt="" width="168" height="90"></a>
                    <div class="desc">
                      <a href="#" class="title">今秋起 福建省8所民办本科高校收费有变化</a>
                      <div class="sub"><i class="icon icon-video-samll"></i><a href="#">无线泉州</a>&nbsp;&nbsp;&nbsp;&nbsp;1小时前</div>
                    </div>
                  </li>
                  <li class="item1">
                    <a href="#" class="img-obj"><img src="../static/images/home/new-list-img-02.jpg" alt="" width="168" height="90"></a>
                    <div class="desc">
                      <a href="#" class="title">【快讯】陈奕辉参加泉州市石狮市和解放军启动预防台风三级应急响应</a>
                      <div class="sub"><i class="icon icon-img"></i><a href="#">无线泉州</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                    </div>
                  </li>
                </ul>
                <a href="#" class="ta-c dp-b"><i class="icon icon-arrow-b"></i></a>
              </div>
              <div class="z-tabs-pane" style="height: 635px">
                2
              </div>
            </div>
          </div>

          <!--slider samll-->
          <div id="slider-small" class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <a href="#"><img src="../static/images/slider/slider-small-01.jpg" alt=""></a>
                <a href="#" class="desc">泉州图书馆效果图公布1</a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="../static/images/slider/slider-small-02.jpg" alt=""></a>
                <a href="#" class="desc">泉州图书馆效果图公布2</a>
              </div>
              <div class="swiper-slide">
                <a href="#"><img src="../static/images/slider/slider-small-03.jpg" alt=""></a>
                <a href="#" class="desc">泉州图书馆效果图公布3</a>
              </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
          </div>
        </div>
        <div class="main-right" style="width: 200px;">
          <div class="z-panel box">
            <div class="z-panel-header">
              <div class="z-panel-title">新媒体矩阵</div>
            </div>
            <div class="z-panel-body">
              <div class="z-panel">
                <div class="z-panel-header">
                  <div class="z-panel-title">外宣平台</div>
                </div>
                <div class="z-panel-body">
                  <ul class="z-list hr-list">
                    <li>
                      <div class="z-list-label">央视移动新闻网</div>
                      <div class="fs-small">无线泉州矩阵号</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <div class="z-list-label">中国国际广播电视台</div>
                      <div class="fs-small">泉州节目制作室</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>

                    <li>
                      <div class="z-list-label">海丝云平台</div>
                      <div class="fs-small">北京蓝海电视台</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <div class="z-list-label">中国国际广播电视网络台</div>
                      <div class="fs-small">纪录片全媒体国际传播平台</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="z-panel" style="margin-top: 10px;">
                <div class="z-panel-header">
                  <div class="z-panel-title">官方平台</div>
                </div>
                <div class="z-panel-body">
                  <ul class="z-list hr-list">
                    <li>
                      <div class="z-list-label">泉视界网站</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <div class="z-list-label">无线泉州APP</div>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="z-panel" style="margin-top: 10px;">
                <div class="z-panel-header">
                  <div class="z-panel-title">微信 微博</div>
                </div>
                <div class="z-panel-body">
                  <ul class="z-list hr-list z-list-style-none">
                    <li>
                      <a href="#"><i class="icon icon-wx"></i>新闻广角</a>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <a href="#"><i class="icon icon-wx"></i>904交通之声</a>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <a href="#"><i class="icon icon-wx"></i>923车载生活圈</a>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <a href="#"><i class="icon icon-wx"></i>泉州财经报道</a>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                    <li>
                      <a href="#"><i class="icon icon-xl"></i>新闻广角</a>
                      <div class="popup">
                        <div class="img-obj">
                          <img src="../static/images/home/qrcode02.jpg" alt="" width="108" height="108">
                        </div>
                        <div class="title">无线泉州APP</div>
                        <div class="content">无线泉州app是由泉州广播电视台开发建设的公众服务平台为用户提供：即时新闻、手机直播、手机电视、手机广播、政务服务、公众服务、便民服务、网上审批、缴费咨询、旅游运动、特色商城、亲子教育、吃喝玩乐 ……</div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="z-panel">
                <div class="z-panel-header bor-n">
                  <a href="#" class="z-panel-title fn-right">更多></a>
                </div>
                <div class="z-panel-body ta-c" style="padding: 20px 0">
                  <img src="../static/images/home/qrcode.jpg" alt="">
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
    <!--页脚-->
    <div class="z-footer">
      <div class="z-container">
        <div>|&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|</div>
        <div>
          |&nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">泉州广播电视台版权所有 未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
        <div>
          |&nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
          &nbsp;&nbsp;<a href="#">未经授权禁止转载</a>&nbsp;&nbsp;|
        </div>
      </div>
    </div>
    <!--弹出窗-->
    <div class="z-components"></div>
  </div>
</div>
<script src="../static/libs/jquery-1.11.3.js"></script>
<script src="../static/js/tabs-plug.js"></script>
<script src="../static/libs/swiper.min.js"></script>

<!--[if lt IE 10]>
<script src="../static/libs/idangerous.swiper.min.js"></script>
<![endif]-->
<script src="../static/js/comm.js"></script>
</body>
</html>